<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
        <title>Indicadores</title>
    </h:head>

    <ui:composition template="/index.xhtml">  
        <ui:define name="conteudo">  
            <f:view>
                <h:body>
                    <h:form id="formIndicadores" >

                        <p:growl autoUpdate="true" showDetail="true"/>

                        <p:panel header="Indicadores">

                            <p:dataTable id="dtIndicadores" var="item" value="#{indicadorBean.indicadores}"
                                         emptyMessage="N&atilde;o h&aacute; dados" 
                                         selection="#{indicadorBean.indicador}"
                                         selectionMode="single" rowKey="#{item.id}">

                                <p:column headerText="Descri&ccedil;&atilde;o" style="white-space:normal !important;">
                                    #{item.descricao}
                                </p:column>
                                <p:column headerText="Per&iacute;odo Medi&ccedil;&atilde;o" style="white-space:normal !important;">
                                    #{item.periodoMedicao.descricao}
                                </p:column>
                                <p:column headerText="Unid. Medida">
                                    #{item.unidadeDeMedida.abreviatura}
                                </p:column>

                            </p:dataTable>

                            <br/>

                            <!-- Botões para o CRUD -->

                            <p:commandButton value="Novo" 
                                             actionListener="#{indicadorBean.adicionarInicio}"
                                             oncomplete="dlgIndicador.show()" 
                                             update=":display"/>

                            <p:commandButton value="Editar" 
                                             actionListener="#{indicadorBean.editarInicio}"
                                             update=":display"/>

                            <p:commandButton value="Excluir"
                                             actionListener="#{indicadorBean.excluirInicio}"/>

                        </p:panel>
                    </h:form>

                    <!-- confirmDialog para confirmação de exclusão -->

                    <p:confirmDialog  message="Deseja excluir esse registro?"
                                      severity="alert"
                                      header="Exclus&atilde;o" 
                                      widgetVar="dlgExcluirIndicador" 
                                      appendToBody="true">  

                        <h:form>

                            <p:commandButton id="confirm" 
                                             value="Sim" 
                                             actionListener="#{indicadorBean.excluirFim}" 
                                             update=":formIndicadores:dtIndicadores"/>  

                            <p:commandButton id="decline"
                                             value="N&atilde;o" 
                                             onclick="dlgExcluirIndicador.hide();"
                                             actionListener="#{indicadorBean.cancelar}" 
                                             update=":formIndicadores:dtIndicadores" />   

                        </h:form>

                    </p:confirmDialog>

                    <p:dialog header="Indicador" 
                              widgetVar="dlgIndicador" 
                              appendToBody="true" 
                              showEffect="clip"
                              hideEffect="clip"
                              dynamic="true"
                              modal="true"
                              resizable="false">

                        <h:panelGrid id="display">

                            <ui:include src="Indicador.xhtml" />

                        </h:panelGrid>

                    </p:dialog>

                    <p:dialog header="Unidade de Medida" 
                              widgetVar="dlgUnidadeDeMedida" 
                              resizable="false" 
                              appendToBody="true" modal="true">

                        <p:ajax event="close" update=":formIndicador:cbxUnidadesDeMedida" />

                        <h:panelGrid id="panelAddUnidadeDeMedida">

                            <script language="JavaScript" src = "scripts/script.js"/>
                            <ui:include src="../unidade-medida/UnidadeDeMedida.xhtml" />

                        </h:panelGrid>

                    </p:dialog>

                </h:body>
            </f:view>
        </ui:define>
    </ui:composition>

</html>

